<template>
	<view class='window_box'>
		<view class="window_content">
			<view class="top_box">
				<view>购物</view>
				<image @click="close" src="../static/images/img/window_close.png" mode=""></image>
			</view>
			<view class="window_center">
				<shopItem v-for="(item,index) in list" :item="item"></shopItem>
			</view>
			<view class="nav_btn" @click="navWindowcase">
				进入{{name}}的商品橱窗
			</view>
		</view>
	</view>
</template>

<script>
	import shopItem from './shopItem.vue'
	export default {
		name:"homeWindow",
		data() {
			return {
				
			};
		},
		props:[
			'list',
			'name',
			'shopid'
		],
		components:{
			shopItem
		},
		methods:{
			close(){
				// console.log('触发')
				this.$emit('close')
			},
			navWindowcase(){
				console.log('触发')
				uni.showTabBar({
					
				})
				uni.navigateTo({
					url:'../../pagesC/home/showcase/showcase?id='+ this.shopid
				})
			}
		}
	}
</script>

<style lang="less">
	.across{
		display: flex;
	}
	.vertical{
		display: flex;
		flex-direction: column;
	}
	.window_box{
		// position: fixed;
		z-index: 999999999;
		// left: 0;
		// top:0;
		background-color: #fff;
		.mask{
			width: 100vw;
			height: 100vh;
			background-color: rgba(0,0,0,0.6);
			z-index: 9;
		}
		.window_content{
			.top_box{
				position: relative;
				view{
					text-align: center;
					color: #000;
					padding: 15rpx 0 0;
					font-size: 30rpx;
				}
				image{
					position: absolute;
					width: 26rpx;
					height: 26rpx;
					right: 20rpx;
					top: 20rpx;
				}
			}
		}
		.nav_btn{
			height: 120rpx;
			line-height: 120rpx;
			font-size: 30rpx;
			color: #000000;
			text-align: center;
			border-top: 1px solid #eeeeee;
		}
	}
</style>
